<ng-container [formGroup]="validateForm">
  <nz-form-control [nzValidateStatus]="validateForm.controls['value']">
    <input nz-input [formControlName]="'value'" style="display: none;" nzPlaceHolder="'请输入配置值'"/>
    <!--<nz-upload class="upload-list-inline"
               [nzMultiple]="true"
               [nzAction]="uploadDomain"
               [nzHeaders]="headers"
               (nzChange)="handleChange($event)"
               [nzSize]="2048"
               nzAccept=".jpg,.jpeg,.png,.gif"
               nzListType="picture-card"
               [nzShowUploadList]="false">
      <ng-container *ngIf="!validateForm.value.value">
        <i class="anticon anticon-plus"></i>
        <div class="ant-upload-text">上传图片</div>
      </ng-container>
      <img *ngIf="validateForm.value.value" [src]="validateForm.value.value|qCloudDomain" title="点击可修改图片" class="avatar">
    </nz-upload>-->
    <div class="clearfix">
      <nz-upload
        nzListType="picture-card"
        [nzAction]="uploadDomain"
        [nzHeaders]="headers"
        [(nzFileList)]="fileList"
        [nzShowButton]="fileList.length < 1"
        (nzChange)="handleChange($event)"
        [nzSize]="2048"
        nzAccept=".jpg,.jpeg,.png,.gif"
        [nzPreview]="handlePreview">
        <i class="anticon anticon-plus"></i>
        <div class="ant-upload-text">上传图片</div>
      </nz-upload>
      <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
        <ng-template #modalContent>
          <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
        </ng-template>
      </nz-modal>
    </div>
    <nz-form-extra style="color: orange;">请上传小于2MB的图片</nz-form-extra>
    <nz-form-explain *ngIf="formErrors.value">{{formErrors.value}}</nz-form-explain>
  </nz-form-control>
</ng-container>


